<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<title>拉勾APP下载</title>
		<link rel="stylesheet" href="vendor/jquery.fullPage.css">
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/header.css" />
		<link rel="stylesheet" href="css/app.css" />
		<link rel="Shortcut Icon" href="img/favicon.ico">
	</head>

	<body>
		<!--第一屏-->
		<div class="section section1">
			<header id="header">
				<div class="header-wrapper">
					<ul class="header-left">
						<li class="item lagou-app">
							<a href=""><i class="icon fa fa-mobile"></i>拉勾APP</a>
						</li>
					</ul>
					<ul class="header-right">
						<li class="item">
							<a href="msg.html">消息</a>
							<span class="mark">3</span>
						</li>
						<li class="item line">|</li>
						<li class="item">
							<a href="resume.html">我的简历</a>
						</li>
						<li class="item line">|</li>
						<li class="item">
							<a href="delivery.html">投递反馈</a>
						</li>
						<li class="item line">|</li>
						<li class="item">
							<a href="invitation.html">职位邀请</a>
						</li>
						<li class="item line">|</li>
						<li class="item user">
							<a href="#" class="user-name" id="userName">759694429@qq.com &nbsp;<i class="icon fa fa-caret-down"></i></a>
							<ul class="user-content">
								<li class="content-item">
									<a href="user-info-bind.html">帐号设置</a>
								</li>
								<li class="content-item">
									<a href="index.html">退出</a>
								</li>
							</ul>
						</li>
						<li class="item">
							<a href="login.html">登录</a>
						</li>
						<li class="item line">|</li>
						<li class="item">
							<a href="register.html">注册</a>
						</li>
					</ul>
				</div>
				<nav class="nav">
					<div class="nav-content">
						<a href="index.html" class="nav-logo"><img src="img/index2.png" /></a>
						<ul class="nav-menu">
							<li class="menu-item">
								<a href="index.html">首页</a>
							</li>
							<li class="menu-item">
								<a href="search.html">职位</a>
							</li>
							<li class="menu-item">
								<a href="company.html">公司</a>
							</li>
						</ul>
					</div>
				</nav>
			</header>

			<div class="page-content">
				<img src="img/A1.png" style="width: 445px;height: 510px;" />
				<div class="page-image"></div>
				<p class="page-text">随时查看最新职位，跟踪简历投递动态，用拉勾，更快捷</p>
				<div class="iphone-download">
					<a href="">iPhone下载</a>
				</div>
				<div class="android-download">
					<a href="">Android下载</a>
				</div>
				<div class="page-code">
					<img src="img/A3.png" style="width: 102px;height: 102px;" />
					<img src="img/A4.png" style="width: 102px;height: 22px;" />
				</div>
				<div class="page-cycle">
					<img src="img/A5.png" />
				</div>
			</div>
			<div class="pahe-bottom" style="width: 100%;">
				<img src="img/A6.png" style="width: 100%;height:120px ;margin-top: -100px;" />
			</div>
		</div>

		<!--第二屏-->
		<div class="section section2">
			<div class="page0-content">
				<div class="page0-header"><img src="img/A8.png" style="width: 428px;height: 75px;" /></div>
				<div class="page0-image">
					<img src="img/A7.png" />
				</div>
			</div>

		</div>

		<!-- 第三屏-->
		<div class="section section3">
			<div class="page1">
				<div class="page1-header">
					<img src="img/A10.png" style="width: 326px;height: 75px;" />
					<div class="phone-image">
						<img src="img/A9.png" />
					</div>
					<div class="write1" id="write1">
						<img src="img/img3.png" style="width: 214px;height: 95px;" />
					</div>
					<div class="write2" id="write2">
						<img src="img/img3 (2).png" style="width: 214px;height: 95px;" />
					</div>
				</div>
			</div>
			<div style="position: absolute;top: 570px;left:90px;"><img src="img/img2.jpg" /></div>
		</div>

		<!--第四屏-->
		<div class="section section4">
			<div class="page2">
				<div class="page2-header">
					<img src="img/img22.png" style="width: 512PX;height: 75px;" />
				</div>
				<div class="page2-img">
					<img src="img/img6.png" style="width: 500px;height: 200px;" />
				</div>
				<div class="letter" id="letter"></div>
				<div class="letter-text" id="letter-text">
					<img src="img/img25.png" style="width: 91px;height: 77px;" />
				</div>
				<div class="star1" id="star1">
					<img src="img/img9.png" style="width: 55px;height: 71px;" />
				</div>
				<div class="star2" id="star2">
					<img src="img/img10.png" style="width: 55px;height: 71px;" />
				</div>
			</div>
		</div>

		<!-- 第五屏-->
		<div class="section section5">
			<div class="page3">
				<div class="page3-header">
					<img src="img/img28.png" style="width: 482px;height: 75px;" />
				</div>
				<div class="light">
					<img src="img/light.png" style="width: 360px;height: 225px;" />
				</div>
				<div class="shine" id="shine">
					<img src="img/shine.png" style="width: 53px;height: 28px;" />
				</div>
				<div class="person-cycle" id="person-cycle">
					<ul>
						<li></li>
						<li></li>
						<li style="margin-right: 110px;"></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<div class="page-person">
					<img src="img/img29.png" />
				</div>
			</div>
		</div>

		<!--第六屏-->
		<div class="section section6">
			<div class="page4">
				<div class="page4-text">
					<img src="img/img23.png" style="width: 550px;height: 75px;" />
				</div>
				<div class="page4-cycle">
					<img src="img/img18.png" style="width: 300px;height: 300px;" />
				</div>
				<div class="fly" id="fly">
					<img src="img/img17.png" style="width: 134px;height: 285px;position: absolute; z-index: 9999;" />
					<img src="img/img16.png" style="width: 54px;height: 109px;position: absolute;left: 38px;top: 260px;" />
				</div>
				<div class="item-bottom">
					<img src="img/img11.png" style="width: 866px;height: 90px;" />
				</div>
				<div class="item-cycle1" id="item-cycle1">
					<img src="img/A13.png" />
				</div>
				<div class="item-cycle2" id="item-cycle2">
					<img src="img/A14.png" />
				</div>
				<div class="item-cycle3" id="item-cycle3">
					<img src="img/A15.png" />
				</div>
				<div class="item-cycle4" id="item-cycle4">
					<img src="img/A16.png" />
				</div>
			</div>
		</div>

		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/jquery-ui-1.10.3.min.js"></script>
		<script src="vendor/jquery.fullPage.min.js"></script>
		<script src="js/app.js"></script>
		<script>
			$(function() {
				$.fn.fullpage({
					slidesColor: ['#F6F9F6', '#49C168', 'white', '#FAD75A', 'white', '#51C0FF'],
					navigation: true,
				});
			});
		</script>
	</body>

</html>